<template>
    <div class="static_footer">
        <div class="content">
            <ul>
                <li @click="gywm">关于我们</li>
                <li>联系我们</li>
                <li @click="yhxy">用户注册协议</li>
                <li @click="yszc">隐私政策</li>
            </ul>
            <span class="bottom-span">上海财才网信息科技有限公司版权所有</span>
            <span class="bottom-span">建议您使用Chrome10+、Firefox102+、Edge94+和360浏览器等主流浏览器浏览本网站</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "staticFooter",
        setup(){
            let gywm = () =>{
                window.open('https://www.chinarencai.net/col.jsp?id=223')
            }
            let yhxy = () =>{
                window.open('https://pta.ccwtech.net/register.html')
            }
            let yszc = () =>{
                window.open('https://pta.ccwtech.net/privacy.html')
            }
            return{
                gywm,
                yhxy,
                yszc
            }
        }
    }
</script>

<style scoped>
.static_footer{
    width: 100%;
    background-color: #1C1F21;
    display: flex;
    justify-content: center;
}
.static_footer ul{
    display: flex;
    padding: 20px 0px 10px 0px;
}
.static_footer ul > li{
        color: rgba(200, 205, 210, 1);
        font-size: 14px;
        font-weight: 400;
        margin-left: 40px;
        cursor: pointer;
    }
    .bottom-span{
        color: rgba(148, 150, 153, 1);
        font-size: 12px;
        font-weight: 400;
        padding-bottom: 20px;
    }
    .static_footer .content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
</style>
